@charset 'utf-8';

@import './common';



//banner
.swiper-container{
    width: r(640px);
    height: r(348px);
}
.swiper-slide{
    img{
        @include img;
    }
}
//设置分页器背景颜色
.swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #b60005;
}
//底部加载
.load{
    width: r($art_wrap_w);
    height: r(60px);
    border-top: 1px solid #e2e2e2;
    margin: 0 auto;
    margin-top: r(30px);
    p{
        font-size: r(22px);
        color: $wc_b_fc;
        text-align: center;
        line-height: r(60px);
    }
}
//中间内容
.content{
    width: r(583px);
    margin: 0 auto;
    margin-top: r(20px);
}
.cont_wrap{
    width: r(282px);
    margin-right: r(19px);
    margin-bottom: r(22px);
    background: #f6f6f6;
    float: left;
    &:nth-of-type(2n){
        margin-right: 0;
    }
    .pic_show{
        display: block;
        width: r(282px);
        height: r(182px);
    }
    h3{
        font-size: r(22px);
        height: r(54px);
        color: #313131;
        line-height: r(27px);
        margin-top: r(14px);
        padding-left: r(3px);
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.extra1{
    margin-top: r(14px);
    padding: 0 r(7px);
    color: #c5c5c5;
    .sort{
        width: r(88px);
        height: r(27px);
        background: #b20000;
        border-radius: 4px;
        margin-right: r(33px);
        p{
            font-size: r(18px);
            line-height: r(27px);
            color: #ffffff;
            text-align: center;
        }
    }
    .like_wrap{
        width: r(64px);
        height: r(27px);
        margin-right: r(16px);
        .pic_like{
            width: r(21px);
            height: inherit;
            line-height: r(27px);
            margin-right: r(6px);
            float: left;
            img{
                display: block;
                width: 100%;
                height: r(19px);
                margin-top: r(5px);
            }
        }
        p{
           width: r(35px);
           font-size: r(17px);
           line-height: r(27px);
           float: left;
           white-space: nowrap;
           overflow: hidden;
        }
    }
    .browsw_wrap{
        width: r(67px);
        height: r(27px);
        .pic_bro{
            width: r(24px);
            margin-right: r(6px);
            float: left;
            img{
                display: block;
                width: 100%;
                height: r(14px);
                margin-top: r(8px);
            }
        }
        p{
           width: r(35px);
           font-size: r(17px);
           line-height: r(27px); 
           float: left;
           white-space: nowrap;
           overflow: hidden;
        }
    }
}
.extra2{
    margin-top: r(14px);
    padding: 0 r(7px);
    font-size: r(18px);
    color: #c5c5c5;
    .pic_avatar{
        width: r(35px);
        height: r(35px);
        margin-right: r(8px);
        img{
            @include img;
        }
    }
    .name{
        width: r(54px);
        margin-right: r(13px);
        line-height: r(35px);
        white-space: nowrap;
        overflow: hidden;
    }
    .time{
        width: r(142px);
        line-height: r(35px);
        white-space: nowrap;
        overflow: hidden;
    }
}
